body {
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #000;
    padding: 0px;
    margin: 0 auto;
    overflow-x: hidden;
}
body a {
    color: #000;
    text-decoration: none;
    transition: all ease 0.3s;
}
body li {
    list-style-type: none;
}
p, ul, li,h5,h4,h3,h2,h1 {
    padding: 0px;
    margin: 0 auto;
    list-style-type: none;
}
img, a img {
    border: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}
.head{

        background: url(/template/non/images/head.jpg);
    height: 218px;
}
.heada{

        width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}
.heada-l{

        float: left;
    height: 40px;
    line-height: 40px;
    color: #555;
}
.heada-r{

        float: right;
    height: 40px;
    line-height: 40px;
    color: #555;
}
.heada-r a{

        color: #555;
}
.headb{

        width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}
.headb-l{

        float: left;
    margin: 26px 0px;
}
.headb-l h2{
color: #0664a4;
    font-weight: bold;
    font-size: 30px;
}
.headb-l p{

        font-size: 15.4px;
    color: #555;
    font-family: Arial;
    margin-top: 4px;
}
.headb-z{

    float: left;
    font-size: 14px;
    color: #999;
    line-height: 26px;
    border-left: 1px solid #999;
    margin-top: 34px;
    margin-left: 10px;
    padding-left: 10px;
}
.headb-r{
    float: right;
    background: url(/template/non/images/head-tel.jpg);
    width: 351px;
    height: 49px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 49px;
    padding-left: 60px;
    margin: 32px 0px;
}

.headc{

        width: 1300px;
    margin: 0 auto;
}
.headc li{
    float: left;
    height: 63px;
    line-height: 63px;
    font-size: 16px;
    margin-right: 73px;
}
.headc li a{
    color: #fff;
    
}
.headc li:nth-of-type(10){

        margin-right: 0px;
}
.bka{
    width: 1347px;
    margin: 0 auto;
    margin-top: 50px;
}
.bka-t{
    overflow: hidden;
}
.bka-t a{
    display: block;
    float: left;
    background: #bfbfbf;
    color: #555;
    padding: 16px 36px;
    margin: 0px 20px;
    margin-bottom: 20px;
}
.bka-t a:hover{
    background: #0664a4;
    color: #fff;
    
}
.bka-b{

        margin-top: 50px;
    overflow: hidden;
}
.bka-b li{
        float: left;
        width: 409px;
        margin: 0px 20px;
        margin-bottom: 40px;
}
.bka-b li .img{

    border: solid 1px #eee;
}
.bka-b li .nr h2{
    text-align: center;
    font-size: 16px;
    color: #0664a4;
    font-weight: 500;
    padding: 18px 0px;
    font-weight: bold;
}
.bka-b li .img img{

width: 100%;
}
.bka-b li .nr p{
    color: #666;
    line-height: 30px;
    height: 150px;
}
.bkb{

        background: url(/template/non/images/bkb-bj.jpg);
    height: 163px;
}
.bkbw{

        width: 1300px;
    margin: 0 auto;
}
.bkbw-l{

        float: left;
    color: #fff;
    width: 796px;
    padding-top: 42px;
}
.bkbw-l h2{
    font-size: 30px;
}
.bkbw-l p{
    color: #fff;
    line-height: 30px;
    margin-top: 6px;

}
.bkbw-r{

        float: right;
    text-align: center;
    padding-top: 24px;
}
.bkbw-rb{

    margin-top: 18px;
}
.bkc{

background: url(/template/non/images/bkc-bj.jpg);

padding-top: 76px;

overflow: hidden;

height: 793px;
}
.bkc-w{

        width: 1300px;
    margin: 0 auto;
}
.bkc-wt{}
.bkc-wtl{
        float: left;
        width: 672px;
}
.bkc-wtla{

        overflow: hidden;
}
.bkc-wtla-l{

    float: left;
}
.bkc-wtla-r{

    float: left;
    padding-left: 19px;
}
.bkc-wtla-r h2{
    font-size: 30px;
    color: #0664a4;
}
.bkc-wtla-r p{
    font-family: Arial;
    font-size: 10px;
    color: #555;

}
.bkc-wtlb{

        margin-top: 41px;
    margin-left: 94px;
}

.bkc-wtlb span{
    float: left;
    background: url(/template/non/images/bkc-dui.png);
    background-repeat: no-repeat;
    padding-left: 28px;
    height: 26px;
    line-height: 23px;
    font-size: 18px;
    color: #555;
    margin-right: 34px;
    margin-bottom: 28px;
}
.bkc-wtr{

float: right;

margin-top: -40px;
}
.bkc-wbl{

        float: left;
}
.bkc-wb-r{
    float: right;
    width: 609px;
    margin-top: 87px;
}
.bkc-wb-rt{

        overflow: hidden;
}
.bkc-wb-rt-l{

        float: left;
}
.bkc-wb-rt-r{

        float: left;
    padding-left: 19px;
}
.bkc-wb-rt-r h2{

        font-size: 30px;
    color: #0664a4;
}
.bkc-wb-rt-r p{

        font-family: Arial;
    font-size: 10px;
    color: #555;
}

.bkc-wb-rb{

        margin-top: 41px;
    margin-left: 94px;
}
.bkc-wb-rb p{

background: url(/template/non/images/bkc-dui.png);

background-repeat: no-repeat;

padding-left: 28px;

font-size: 18px;

color: #555;

margin-right: 34px;

margin-bottom: 16px;

line-height: 34px;

background-position-y: 6px;
}
.bkd{

        background: #0664a4;
    padding: 60px 0px;
}
.bkdw{

        width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}
.bkdwl{
        float: left;
}
.bkdwr{

        width: 644px;
    float: right;
}
.bkdwr h2{

font-size: 44px;

font-weight: 500;

opacity: 0.2;

color: #fff;

margin-bottom: 40px;
}
.bkdwr p{

color: #fff;

line-height: 30px;

text-indent: 28px;
}
.bke{

width: 1300px;

margin: 0 auto;

margin-top: 40px;

overflow: hidden;
}
.bke-l{

    float: left;
    width: 620px;
}
.bke-l h2{

    background: url(/template/non/images/bke-bt.jpg);
    background-repeat: no-repeat;
    width: 330px;
    margin: 0px;
    color: #fff;
    padding: 13px 20px;
    font-size: 20px;
    margin-bottom: 30px;
}
.bke-l ul li{
    overflow: hidden;
    border-bottom: dotted 1px #eee;
    margin-bottom: 14px;
    padding-bottom: 14px;

}
.bke-l ul li:nth-of-type(1) .img{
float: left;
    display: block;
    width: 187px;
}
.bke-l ul li:nth-of-type(1) .nr{
    float: right;
    width: 403px;
 
}
.bke-l ul li:nth-of-type(1) .nr-w{
   overflow: hidden;
    
}
.bke-l ul li:nth-of-type(1) h3{
    float: left;
    font-weight: 500;
    color: #333;
    
}
.bke-l ul li:nth-of-type(1) span{

        float: right;
    font-size: 12px;
    color: #666;
}

.bke-l ul li:nth-of-type(1) p{
    margin-top: 18px;
    line-height: 32px;
    color: #666;
    
}

.bke-l ul li .img{

    display: none;
}
.bke-l ul li .nr-w{

}
.bke-l ul li .nr-w h3{
        font-weight: 500;
    color: #333;
    float: left;
}
.bke-l ul li .nr-w span{
        float: right;
    font-size: 12px;
    color: #999;
}
.bke-l ul li .nr p{
        display: none;
}

.bke-r{
    float: right;
    width: 620px;
}
.bke-r h2{
    background: url(/template/non/images/bke-bt.jpg);
    background-repeat: no-repeat;
    width: 330px;
    margin: 0px;
    color: #fff;
    padding: 13px 20px;
    font-size: 20px;
    margin-bottom: 48px;
}
.bke-r ul li{
    overflow: hidden;
    border-bottom: dotted 1px #eee;
    margin-bottom: 14px;
    padding-bottom: 14px;
}
.bke-r ul li h3{
    font-weight: 500;
    color: #333;
    float: left;
}
.bke-r ul li span{
float: right;
    font-size: 12px;
    color: #999;

}
.footer{

        margin-top: 60px;
    border-top: solid 1px #eee;
    padding-top: 34px;
}
.footerwt{

        width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}
.footerwt-l{
    float: left;
    color: #555;
    line-height: 32px;
}
.footerwt-r{
        float: right;
}
.footerwt-ra{
        float: left;
    margin-left: 29px;
    text-align: center;
    line-height: 28px;
    color: #555;
}

.bqnr{

    background: #0664a4;
    padding: 16px 0px;
    margin-top: 32px;
}
.bqnrw a{

color: #fff;
}
.bqnrw{

        width: 1300px;
    margin: 0 auto;
    color: #fff;
}
.main{

        width: 1300px;
    margin: 40px auto;
    overflow: hidden;
}
.mainl{

        float: left;
    width: 300px;
}
.mainl-li{

    background: #0664a4;
    padding: 20px;

}
.mainl-li h2{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;

}
.mainl-li p{
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: Arial;
    margin-top: 7px;

}
.mainl-li  ul{
background: #fff;
    padding: 15px;
    margin-top: 20px;

}
.mainl-li  ul li{
    font-size: 16px;
    border-bottom: solid 1px #eee;
    line-height: 40px;
    background: url(/template/non/images/mail-li.jpg);
    background-position-y: 8px;
    background-repeat: no-repeat;
}
.mainl-li  ul li a{

color: #555;

display: block;

width: 190px;
}

.lxwm{

        background: #fff;
    padding: 15px;
    margin-top: 20px;
    color: #555;
    line-height: 32px;
}
.mainr{

        float: right;
    width: 974px;
    margin-top: 30px;
}
.mainr-t{
    font-size: 16px;
    color: #555;
    border-bottom: solid 1px #c1c1c1;
    padding-bottom: 20px;
    margin-bottom: 20px;

}
.mainr-t a{
    color: #555;

}
.about{

        font-size: 16px;
    color: #333;
    line-height: 28px;
}
.news li{

border-bottom: dashed 1px #eee;

margin-bottom: 15px;

padding-bottom: 15px;
}
.news li .bt{

overflow: hidden;
}
.news li .bt h3{

float: left;

font-size: 18px;

font-weight: 500;
}

.news li .bt span{

float: right;

color: #999;

font-size: 13px;
}

.news li .jj{font-size: 14px;color: #666;margin-top: 10px;line-height: 1.8;}

.pro{
    
overflow: hidden;
}
.pro li{

float: left;

width: 300px;

margin-right: 34px;

margin-bottom: 34px;
}
.pro li:nth-of-type(3n){

margin-right: 0px;
}
.pro li .img{
    
border: solid 1px #eee;
    
padding: 16px 0px;
}
.pro li .img img{
    
width: 100%;
}
.pro li .bt h2{
    
text-align: center;
    
font-size: 16px;
    
font-weight: 500;
    
color: #333;
    
margin-top: 14px;
}
.news_xq h2{

        font-size: 32px;
    font-weight: 500;
    color: #333;
    margin-bottom: 11px;
}
.news_xq p{

        color: #666;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: dashed 1px #eee;
}
.news_xq .zw{
        line-height: 1.8;
    color: #333;
}

.news_xq .sx{

        margin-top: 40px;
    overflow: hidden;
}
.news_xq .sx-t{
float: left;
    border: solid 1px #eee;
    padding: 11px;
    border-radius: 5px;
    background: #f9f9f9;

}
.news_xq .sx-b{

        float: right;
    border: solid 1px #eee;
    padding: 11px;
    border-radius: 5px;
    background: #f9f9f9;
}
.news_xq .sx-t:hover{
    background: #0664a4;
    color: #fff;
}
.news_xq .sx-t:hover a{
    color: #fff;
    
}
.news_xq .sx-b:hover{
  background: #0664a4;
    color: #fff;
}
.news_xq .sx-b:hover a{

      color: #fff;
}
.pro_xqnr{

overflow: hidden;

display: none;
}

.pro_xqnr_l{

float: left;

border: solid 1px #eee;

padding: 40px;

width: 419px;
}
.pro_xqnr_l img{

width: 100%;
}
.pro_xqnr_r{

        float: right;
    width: 448px;
}
.pro_xqnr_r h3{
    font-size: 30px;
    font-weight: 500;
    color: #333;
    margin-top: 26px;

}
.pro_xqnr_r p{

        font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-top: 34px;
}
.pro_xqxf_bt{

background: #eee;

display: none;
}
.pro_xqxf_bt h2{

        background: #0664a4;
    display: inline-block;
    padding: 11px 34px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}
.pro_xqxf_nr{

        font-size: 14px;
    margin-top: 24px;
    line-height: 1.8;
    color: #333;
}
.pro_xqxf_nr img{

margin-bottom: 34px;
}
.pro_xqxf{

        margin-top: 40px;
}
.zlxz_li{

    overflow: hidden;
    border-bottom: dashed 1px #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.zlxz_li h2{
    float: left;
    font-size: 16px;
    color: #333;
    height: 39px;
    line-height: 39px;
}
.zlxz_li li{
    float: right;
    background: #eee;
    padding: 10px 20px;
}
.zlxz_li li a{
    color: #666;
}
.zlxz_li li:hover{
    background: #0664a4;
}
.zlxz_li li:hover a{
     color: #fff;
}
.lybda{

margin-bottom: 29px;
}
.lybda h3{

font-size: 16px;

color: #666;

font-weight: 500;
}
.lybda input{

width: 400px;

height: 32px;

border: solid 1px #eee;

background: #fff;

margin-top: 6px;
}
.lybda textarea{

width: 800px;

border: solid 1px #eee;

margin-top: 18px;

height: 60px;
}
.tois{

text-align: left;
}
.coolbga{

height: 46px;

width: 116px;

padding: 0px;

margin: 0px;

margin-right: 10px;

border: 0px;

background: #0664a4;

font-size: 16px;

color: #fff;
}
.coolbgb{

height: 46px;

width: 116px;

padding: 0px;

margin: 0px;

margin-right: 10px;

border: 0px;

background: #f9f9f9;

font-size: 16px;
}
.synews{

        overflow: hidden;
}
.synews-l{

        float: left;
    width: 659px;
}
.synews-l img{


    width: 100%;
}
.synews-r{

    float: right;
    width: 590px;
}
.synews-r li{

        margin-bottom: 20px;
    border-bottom: dashed 1px #eee;
    padding-bottom: 20px;
}
.synews-r li h2{
    font-size: 22px;
    font-weight: 500;
    color: #333;

}
.synews-r li span{
    margin-top: 8px;
    display: block;
    color: #666;

}
.synews-r li p{
    color: #666;
    margin-top: 12px;
    line-height: 24px;

}
.synews h2{
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px;
    
}
.join_book>form>article>.fr{ max-width:40%;}
.join_book_wrap{width: 100%;}
.join_book_wrap>dl{margin-bottom: 1%;font-size: 16px;}
.join_book_wrap>dl>input{ display:inline-block; outline:none;}
.join_book_wrap>dl>input.ip1{width: 100%;background: #f9f9f9;border:none;padding: 1% 2%;margin-bottom: 1%;border: solid 1px #eee;}
.join_book_wrap>dl>select{cursor:pointer;width: 100%;display:inline-block;background: #f9f9f9;border:none;padding: 1.5% 2%;box-sizing:border-box;-webkit-appearance:none;color:#777;outline:none;margin-bottom: 1%;border: solid 1px #eee;}
.join_book_wrap>dl>input.ip3{width:98.8%;background:#f3f3f3;border:none;padding: 1.5% 2%;}
.join_book_wrap>dl>input.ip5{background: #333;color:#fff;cursor:pointer;line-height: 1.7;font-size:16px;padding: 1% 9%;border:none;-webkit-appearance:none;width: 100%;}
.join_book_wrap>dl>textarea.ip4{width:98.8%;background: #f9f9f9;border:none;padding: 1.5% 2%;min-height:0.5rem;outline:none;height: 200px;border: solid 1px #eee;}